@import '../variables';
@import '../shared';

.hosting-overview.main.hosting-dashboard-layout {
	.hosting-dashboard-layout__body {
		max-height: auto;
		padding: 0;

		& > * {
			max-width: 100%;
			padding: 0;
			margin: 0;
		}
	}

	.hosting-dashboard-layout__container {
		height: auto;
		overflow: auto;
		display: block;
	}

	.hosting-dashboard-layout__top-wrapper {
		max-height: auto;
		background: url( calypso/assets/images/a8c-for-agencies/marketplace-hosting-page-bg.svg )
			no-repeat top right $header-background-color;
		border-block-end: none;
		padding-block-end: 0;
		position: sticky;
		top: 0;
		z-index: 100;
	}

	.hosting-dashboard-layout__header-breadcrumb {
		color: var( --color-neutral-40 );
		fill: var( --color-neutral-40 );

		a {
			color: var( --color-primary-5 );
		}
	}

	.hosting-dashboard-layout__header-actions {
		background-color: var( --color-surface );
		border-radius: 8px;
		padding: 8px 24px 8px 20px;

		.shopping-cart {
			margin: 0;
		}
	}
}
